<template>
  <el-row>
    <el-tooltip
        class="box-item"
        effect="dark"
        content="当前版本设备无法使用影子"
        placement="top-start"
    >
      <el-button disabled>更新影子</el-button>
    </el-tooltip>
  </el-row>
  <el-row>
    <code-editor
        ref="deviceShadow"
        v-model="code"
        theme="nord"
        height="300px"
    />
  </el-row>
</template>
<script>
export default {
  data() {
    return {
      code: "{\n" +
          "  \"state\": {\n" +
          "    \"reported\": {},\n" +
          "    \"desired\": {}\n" +
          "  },\n" +
          "  \"metadata\": {\n" +
          "    \"reported\": {},\n" +
          "    \"desired\": {}\n" +
          "  },\n" +
          "  \"timestamp\": 0,\n" +
          "  \"version\": 0\n" +
          "}",
      activeName: "input",
    };
  },
  methods: {
    tabClick(tab, event) {
      console.log(tab, event);
    },
    submit() {

    },
    run() {

    },
    save() {

    },
  }
};
</script>
<style>

.code {
  width: 300px;
  height: 300px;
}
</style>
